<div class="mp">

    <label for="messageSwitch">查看消息</label>
    <socket :parentData="parentData"></socket>
    <input type="checkbox" id="messageSwitch" style="display: none">
    <div class = "side-window" >
        <div class="title consume-panel" style="margin-bottom: 0px;padding-bottom: 0px">
            <el-form :inline="true" :model="checkMg" class="regular-form" ref="checkMg" label-width="110px">
                <el-form-item label="">
                    <el-input v-model="checkMg.mgContent" placeholder="查找消息内容" style="width: 100px;padding-left: 10px;padding-right: 5px"></el-input>
                </el-form-item>
                <el-form-item label="" >
                    <el-checkbox v-model="checkMg.handel">未处理</el-checkbox>
                </el-form-item>
                <el-form-item label="" >
                    <el-button @click="findMg">查找</el-button>
                </el-form-item>
                <el-form-item label="" >
                <label for="messageSwitch" style="margin: 10px;font-size: 12px">关闭 <i class="el-icon-circle-close"></i></label>
                </el-form-item>
            </el-form>
        </div>
        <div class="msg-container" style="padding-top: 0px;">
            <div class="scrollContext">
                <div>
                    <div v-for="(mg,index) in handelMg" :key="mg.mgId">
                        <div class="my-message-body" style="padding-top: 1px">
                            <div>
                                <el-row class="mg-time-font" style="padding-bottom: 0px">
                                    <img alt="" src="/dam/icon/10.jpg" class="admin-pic img-circle">
                                    <span style="line-height: 30px;font-size: 14px;">{{mg.pushUser.userCnName}}</span>
                                </el-row>
                            </div>
                            <div style="margin-left: 40px">
                                <el-row>
                                    <span style="font-size: 11px;color: #8c939d">{{mg.pushTime| pushTimeFormat}}</span>
                                    <span style="color: #f39c12;font-size: 12px">来自</span>
                                    <span style="font-size: 11px;color: #8c939d">{{mg.mgType}}</span>
                                </el-row>
                                <el-row>
                            <span style="font-size: 14px;color: #00ffff;">
                                {{mg.mgContent}}
                            </span>
                                </el-row>
                                <el-button type='text'@click="seed(index)" >{{mg.see?'已阅':'未阅'}}</el-button>
                                <el-button type='text'@click="handled(index)" >{{mg.handle?'已处理':'未处理'}}</el-button>
                            </div>
                        </div>
                    </div>
                    <div v-show="!hasBuffernHandelMg" style="text-align: center;margin: 10px">没有更多的消息了</div>
                </div>
            </div>
        </div>
    </div>

</div>